/* ==================== 公共样式 ==================== */ body{background:#fff; font-size:12px; font-family:"宋体",Verdana, Arial; line-height:150%; margin:0; padding:0; color:#404040;padding-top:0px} div{margin:0 auto; padding:0;} h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{ margin:0; padding:0; border:none; list-style-type:none; } em{font-style:normal;} .block{ width:1100px; height:auto;margin:0 auto; } .fullwidth{width:100%} .bgcolor{ background:#f1f1f1} .bgcolor1{ background:#F87000} .bgcolor2{ background:#eee} .main{width:986px;background:url(images/mainbg.gif) repeat-y 50%;padding-top:5px;padding-left:10px!important;padding-left:10px;padding-right:10px!important;padding-right:10px;padding-bottom:0px;} .main1{width:992px;background:url(images/mainbg.gif) repeat-y 50%;padding-top:5px;padding-left:8px!important;padding-left:7px;padding-right:8px!important;padding-right:7px;padding-bottom:0px;} .clr{height:1px;padding:0px;margin:0px;line-height:1px;clear:both;font-size:0px; overflow:hidden} .f_l{float:left;} .f_r{float:right;} .tl{ text-align:left;} .tc{ text-align:center;} .tr{ text-align:right;} .dis{display:block;} .inline{display:inline;} .none{display:none;} .price{color:#CC0000;font-weight:bold} a:link{color:#666;text-decoration:none} a:visited{color:#666;text-decoration:none} a:hover{color:#E3393C} a:active {color:#E3393C} a.more{color:#ff9900} a.more:hover{color:#0099CC} a.a666{color:#666666} a.a666:hover{color:#0099cc} a.buybtnforarticle{display:block;width:160px;height:40px;line-height:40px; background:url(images/2017images/buybg.png) no-repeat 50% 0%;margin:0 auto; clear:both} .dashed{background:url(images/lineBg.gif) repeat-x left top; color:#3f3f3f; padding:2px 0 3px 12px;} .redborder{border:solid 1px #ccc} .redborder:hover{border:solid 1px #53c2f0 } .fontbold{font-weight:bold;} .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix{ height:1%; } *+html .clearfix{ height:1%; } .borderline{border:solid 1px #FEC802} /*英文强制换行*/ .word{word-break:break-all;} /*边框*/ .B_blue{border:1px solid #cccccc;} .B_input{border:1px solid #0f97ed;} .inputBg{border:1px solid #b3b3b3; background:url(images/inputbg.gif) repeat-x left top; height:22px;} /*字体颜色*/ .f1{color:#BD0C0C;} .f2{color:#006bd0; font-weight:bold; margin-right:15px;} .f3{color:#9e9e9e;} .f4{color:#53c2f0} .f4_b{color:#53c2f0 font-weight:bold;} .f5{ font-size:14px; font-weight:bold;} .f6{color:#006bd0;} .f7{font-size:18px;font-weight:bold} .market{ font-size:14px; text-decoration:line-through;color:ccc} .shop{color:#53c2f0 font-size:14px; font-weight:800;} .market_s{text-decoration:line-through;} .shop_s{color:#53c2f0} /*按钮部分*/ .bnt_blue{background:url(images/bg.gif) no-repeat 0px 0px; width:52px; height:21px; text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer; } .bnt_blue_1{background:#006bd0; width:77px; height:26px;text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer;} .bnt_blue_2{ background:url(images/bg.gif) no-repeat 0px -696px; width:139px; height:21px; text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer; } .bnt_bonus{ background:url(images/bg.gif) no-repeat -56px 0px; width:52px; height:21px; text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer; } /*模块容器*/ .box{padding-bottom:2px; overflow:hidden;} .box_1{background-color:#fff;} .box_2{background:url(images/mainbodybg.gif) repeat-y top left;background-color:#edf8fe; overflow:hidden; } .boxCenterList{padding:8px;} /*模块标题*/ h3{height:22px; line-height:22px; font-size:12px; background:#eee; text-align:right; padding:6px 12px 4px 12px; font-weight:100; border-top:solid 2px #eee } h3.border{border:1px solid #c5e4ff; border-bottom:none;} h3 img{position:relative; top:7px;} h3 span{float:left;width:auto; height:20px; line-height:20px; text-align:left;font-weight:bold; color:#53c2f0;padding-left:12px;border-left:solid 5px #53c2f0} h5{height:26px; line-height:26px; text-align:right; background-color:#eee; font-size:12px;color:#aaa; padding:0 10px 0 0; } h5 span{float:left; font-weight:bold; padding-left:10px;color:#000000} h6{height:23px; line-height:23px; text-align:right; font-size:12px; background:#eee; color:#3f3f3f; border:1px solid #fff; padding-right:10px; } h6 span{float:left; padding-left:15px;} /*页面留白*/ .blank{height:8px; line-height:8px; clear:both; visibility:hidden;} .blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;} .blank10 {font-size:0px;line-height:10px;height:10px;clear:both;overflow:hidden;} /*布局*/ .AreaL{width:230px;float:left} .AreaR1{width:528px;float:left;margin-left:6px!important;margin-left:3px;} .AreaR{width:860px;float:left;margin-left:6px!important;margin-left:3px;} .AreaRR{width:220px;float:right;} .mainbottom{width:1006px;height:12px; background:url(images/mainbottom.gif) no-repeat left top;margin:0 auto; border:0px;padding:0px} .itemborder1{width:220px; border:solid 1px #fec802;background:#ffffff} .itemborder1 dd{width:220px;padding-bottom:5px;} .itemtitle1{width:197px;height:31px; background:url(images/titlebg1.gif) left top no-repeat;padding-left:23px;font-size:13px;color:#000000;line-height:31px;font-weight:bold} .itempro{width:216px;border-bottom:dashed 1px #cccccc;float:left} .itempro dt img{width:80px;height:60px} .itempro dt{float:left;height:65px;margin-right:2px;width:84px;text-align:center} .itempro dd{float:left;width:130px;line-height:16px} .itemproname{height:60px;width:130px; overflow:hidden;padding-top:6px} .mainpicr1{width:220px;height:118px; background:#ffffff;border:solid 1px #FFCC00} .mainpicr2{width:220px;height:118px; background:#ffffff;border:solid 1px #FFCC00} .itemlist{width:195px;float:left;padding-top:6px;margin-top:6px !important;margin-top:3px;padding-left:10px;} .itemlist li{width:195px;height:24px;background:url(images/arrow.gif) no-repeat 3% 50%;padding-left:10px;line-height:24px; overflow:hidden} .left_tj_list{ width:220px; overflow:hidden; float:left;} .left_tj_list li{ width:84px; height:40px; padding:2px 6px;float:left; text-align:center} .itemnav{text-align:right;} /* ==================== 导航部分 ==================== */ /*顶部管理型导航*/ .log{width:328px;float:right;color:#FFFFFF} .log li{float:left;} .log .userInfo{*margin-right:10px; /*width:300px;*/ text-align:left;} .log .userInfo a{color:#006acd; text-decoration:none;} .log li img{position:relative; top:5px;} #topNav{background:url(images/topNavBg.gif) no-repeat left top; height:31px; line-height:31px; color:#bebfc1; padding:0px 15px; margin:0px 10px; position:relative; } #topNav .topNavR{background:url(images/topNavR.gif) no-repeat; width:5px; height:31px; position:absolute; top:0px; right:0px; } #TopNav1 a {display:block; height:32px;float:left;padding:0px 5px;line-height:32px} #TopNav1 a:link {color:#fff;text-decoration:none} #TopNav1 a:visited {color:#fff;text-decoration:none} #TopNav1 a:hover {color:#E3393C} #TopNav1 a:active {color:#E3393C} #HeadTop{} /*首页*/ .logo{float:left;width:240px} .quick{float:right;width:220px;height:61px} .quick li{float:left;position:relative;width:110px; text-align:right;padding-top:23px;height:38px} #header_search{ background:#fff;position:absolute;width:900px;right:-110px;top:61px;z-index:99; border:solid 1px #53c2f0} .header_search2{display:none} .header_search1{display:block} #header_contactus{ background:#fff;position:absolute;right:0px;top:61px;z-index:99;width:312px; border:solid 1px #007131} #header_contactus li{clear:both;padding-top:20px;padding-left:20px;width:292px;height:125px; border-bottom:solid 1px #CCC} #header_contactus li dl{width:270px} #header_contactus li dt{width:130px;float:left; text-align:left} #header_contactus li dd{width:140px;float:left;padding-top:25px;line-height:20px;color:#007131;font-size:14px; text-align:left} .header_contactus2{display:none} .header_contactus1{display:block} .indexbox1{width:775px;float:left} .indexbox2{width:286px;float:right} .title{height:25px;padding-top:15px;margin-bottom:15px; text-indent:10px;line-height:25px;font-size:17px; font-family:"宋体";font-weight:bold;color:#444444; clear:both;border-bottom:solid 1px #777} .title span{font-size:16px;font-weight:normal;color:#999; font-family:"Tahoma, Geneva, sans-serif";padding-left:10px} .indexaboutus{width:770px} .indexaboutus dt{width:310px;float:left} .indexaboutus dd{width:460px;float:left;font-size:12px;line-height:24px;color:#999} .indexaboutus dd span{font-weight:bold;color:#444} .indexaboutus dd p{text-indent:24px;margin-bottom:20px} /*产品，7栏*/ .setvltpro{height:117px;overflow:hidden;position:relative;text-align:left;width:1100px;} #setnews1{left:0;position:absolute;top:0;z-index:1;} #setnews1 li{width:157px;float:left;text-align:center;height:117px;cursor:pointer;display:inline;} #setnews1 .hover{background:url(images/2017images/labelbg.png) no-repeat 50% 0%;cursor:default;} #setnews1 .hover img{height:116px} #setnews1 a{color:#C00} #contentnews1{width:1100px;height:240px;padding:20px 0px 0px 10px;overflow:hidden;} #contentnews1 ul.block{display:block;} #contentnews1 ul{display:none;width:99%} .goodsItem1{width:155px;height:210px; float:left; position:relative; overflow:hidden; margin:0px 0px 10px 0px; text-align:center} .goodsItem1 .goodsimg{width:139px;margin-bottom:4px;} .goodsItem1:hover{color:#f80; border:solid 1px #f60} .goodsItem1:hover a{text-decoration:none;color:#f60;display:block;width:155px;height:210px} .goodsItem1 p{text-align:center; color:#3f3f3f;height:40px} .goodsItem1 p a:hover{color:#ff6600; text-decoration:none;} /*搜索*/ .keywords{width:100%;} .keywords a{padding:0px 5px; } #search{float:left;width:600px; text-align:left;padding-top:70px;padding-left:60px;} #search a{text-decoration:none;} #search .keys{font-size:12px ;clear:both;line-height:24px;padding-left:10px;padding-top:10px;padding-bottom:20px;} #search .go{background:url(images/bnt_search.gif); border:none; width:56px; height:20px;/* position:relative; top:2px; utf8下*/} .keywordlabel{background:#53c2f0;color:#fff;font-size:16px;font-weight:bold;height:52px;line-height:52px; text-align:center;width:100px; display:block;float:left} /*#keyword{width:360px;color:#888888;border:solid 10px #53c2f0; border-right-width:30px;height:30px;line-height:30px;background:none;float:left}*/ .shoplist{width:231px;float:right; background:#53c2f0} .shoplist li{width:231px;text-align:center;height:90px;padding:0px; text-align:right; border-bottom:solid 1px #fff; text-align:center} .shoplist img{height:90px} /*页面主导航*/ .top{width:1006px;height:122px} .menuleft{width:25px;height:122px;float:left;background:url(images/menuleft.gif) left top} .menucenter{width:940px;height:122px; float:left;background:url(images/menucenter.gif) left top;} .menuright{width:41px;height:122px;float:left;background:url(images/menuright.gif) left top} .menucenter ul{height:24px;margin-left:100px;} .menucenter ul li{width:90px;float:left;font-size:12px;text-align:center;background:url(images/arrow.gif) no-repeat 15% 50%} .menucenter ul li a{text-decoration:none;color:#0099cc} .menucenter ul li a:hover{text-decoration:underline;color:#ffffff} #mainNav{float:left;width:640px;height:61px;font-size:12px;font-family:"宋体";font-weight:bold;line-height:75px; overflow:hidden} #mainNav a{padding:0px 20px;display:block;float:left;height:61px;line-height:75px;} #mainNav a span{ } #mainNav a:hover{background:#53c2f0;color:#ffffff } #mainNav .cur{ background:#53c2f0;color:#ffffff } #mainNav a:hover span,#mainNav .cur span{ } /*当前位置*/ #ur_here{border-top:none;height:32px; line-height:32px; padding:0 12px;color:#333; overflow:hidden } #ur_here a:link{color:#333; text-decoration:none;} #ur_here a:visited{color:#333; text-decoration:none;} #ur_here a:hover{ text-decoration:underline} #ur_here a:active{ text-decoration:underline} /* ==================== 模块 ==================== */ /*购物车*/ .cart{float:right;border:solid 1px #666;background:url(images/images201511/cart-01.jpg) no-repeat left center #f3f3f3;width:116px;height:34px;font-size:14px; text-align:center;line-height:34px;margin-top:5px;display:inline; overflow:hidden;text-indent:8px} .cart a{text-decoration:none;} .cart a:hover{text-decoration:underline;} .proicon img{width:50px} .brandlist{margin:0 auto;width:1140px;height:210px} .brandlist li{width:225px;float:left;font-size:14px;color:#444444; text-align:center} .prolisticon{margin:0 auto;height:337px} .prolisticon li{width:259px;float:left;font-size:14px;height:337px; overflow:hidden; text-align:center} .prolisticon li a{display:block;width:244px;height:337px;line-height:580px;color:#fff;} .prolisticon li a.icon1:link,.prolisticon li a.icon1:visited{ background:url(images/images201511/proIcon1c.png) no-repeat 50% 50%} .prolisticon li a.icon1:hover,.prolisticon li a.icon1:active{ background:url(images/images201511/proIcon1.png) no-repeat 50% 50%} .prolisticon li a.icon2:link,.prolisticon li a.icon2:visited{ background:url(images/images201511/proIcon2.png) no-repeat 50% 50%} .prolisticon li a.icon2:hover,.prolisticon li a.icon2:active{ background:url(images/images201511/proIcon2c.png) no-repeat 50% 50%} .prolisticon li a.icon3:link,.prolisticon li a.icon3:visited{ background:url(images/images201511/proIcon3c.png) no-repeat 50% 50%} .prolisticon li a.icon3:hover,.prolisticon li a.icon3:active{ background:url(images/images201511/proIcon3.png) no-repeat 50% 50%} .prolisticon li a.icon4:link,.prolisticon li a.icon4:visited{ background:url(images/images201511/proIcon4c.png) no-repeat 50% 50%} .prolisticon li a.icon4:hover,.prolisticon li a.icon4:active{ background:url(images/images201511/proIcon4.png) no-repeat 50% 50%} .prolisticon li a.icon5:link,.prolisticon li a.icon5:visited{ background:url(images/images201511/proIcon5.png) no-repeat 50% 50%} .prolisticon li a.icon5:hover,.prolisticon li a.icon5:active{ background:url(images/images201511/proIcon5c.png) no-repeat 50% 50%} .prolisticon li a.icon6:link,.prolisticon li a.icon6:visited{ background:url(images/images201511/proIcon6c.png) no-repeat 50% 50%} .prolisticon li a.icon6:hover,.prolisticon li a.icon6:active{ background:url(images/images201511/proIcon6.png) no-repeat 50% 50%} .prolisticon li a.icon7:link,.prolisticon li a.icon7:visited{ background:url(images/images201511/proIcon7.png) no-repeat 50% 50%} .prolisticon li a.icon7:hover,.prolisticon li a.icon7:active{ background:url(images/images201511/proIcon7c.png) no-repeat 50% 50%} .commonicon{margin:0 auto;height:160px;width:1100px;} .commonicon li{width:220px;float:left;padding-top:20px;overflow:hidden;text-align:center} #setnews2{right:80px;position:absolute;top:0;z-index:1;} #setnews2 li{width:60px;float:left;height:31px;line-height:30px;color:#666;font-size:12px; cursor:pointer;font-family:"宋体";font-weight:bold;display:inline;text-align:center;} #setnews2 a{color:#C00} #setnews2 .hover{border-bottom:solid 3px #fff;color:#CC0000; background:#fff; cursor:default;font-size:13px;border-left:solid 1px #E3393C;border-right:solid 1px #E3393C;border-top:solid 2px #E3393C;} #contentnews2{width:1205px;border-top:solid 1px #E3393C;overflow:hidden;position:absolute;top:34px; background:#fff} #contentnews2 ul.block{display:block} #contentnews2 ul{display:none} .adShow{float:left;display:inline;overflow:hidden;position:relative;width:601px;border:solid 1px #FFF; text-align:center;height:326px} .proShow{float:left;display:inline;overflow:hidden;position:relative;width:298px;text-align:center;height:326px;border:solid 1px #FFF} .proShow:hover{border:solid 1px #E3393C} .adShow:hover{border:solid 1px #E3393C} .proShow img{width:290px;margin:20px 0px;} .proShow .proShowName{padding:0px 10px;text-align:left; font-family:"宋体";line-height:18px} .proShow .proShowFeature{color:#E3393C} .proShow .proShowLable{position:absolute;right:12px;bottom:102px;background:#E3393C;height:22px;width:80px;font-size:14px;color:#fff;} .serversnetwork{position:relative;height:545px; background:url(images/images201511/img.jpg) no-repeat 50% 50%;font-size:14px;font-family:'宋体';color:#fff;width:1204px } .serversnetwork a:hover{color:#233342;font-size:16px;font-weight:bold} .prolistbox{width:100%} .prolistbox li{width:32.9%;float:left;height:220px;margin:2px; text-align:center;font-size:24px;font-weight:bold;font-family:"黑体"} .prolistbox li a{display:block;width:100%;height:220px;line-height:380px; overflow:hidden;} .prolistbox li a.a1:link,.prolistbox li a.a1:visited{background:url(images/2017images/bangongshebie0.jpg) no-repeat 50% 10%; color:#f60} .prolistbox li a.a1:hover,.prolistbox li a.a1:active{background:url(images/2017images/bangongshebie1.jpg) no-repeat 50% 10%; color:#fff} .prolistbox li a.a2:link,.prolistbox li a.a2:visited{background:url(images/2017images/jingrongshebie0.jpg) no-repeat 50% 10%; color:#f60} .prolistbox li a.a2:hover,.prolistbox li a.a2:active{background:url(images/2017images/jingrongshebie1.jpg) no-repeat 50% 10%; color:#fff} .prolistbox li a.a3:link,.prolistbox li a.a3:visited{background:url(images/2017images/goodscatpic30.jpg) no-repeat 50% 10%; color:#f60} .prolistbox li a.a3:hover,.prolistbox li a.a3:active{background:url(images/2017images/goodscatpic31.jpg) no-repeat 50% 10%; color:#fff} .prolistbox li a.a4:link,.prolistbox li a.a4:visited{background:url(images/2017images/goodscatpic40.jpg) no-repeat 50% 10%; color:#f60} .prolistbox li a.a4:hover,.prolistbox li a.a4:active{background:url(images/2017images/goodscatpic41.jpg) no-repeat 50% 10%; color:#fff} .prolistbox li a.a5:link,.prolistbox li a.a5:visited{background:url(images/2017images/goodscatpic50.jpg) no-repeat 50% 10%; color:#f60} .prolistbox li a.a5:hover,.prolistbox li a.a5:active{background:url(images/2017images/goodscatpic51.jpg) no-repeat 50% 10%; color:#fff} .prolistbox li a.a6:link,.prolistbox li a.a6:visited{background:url(images/2017images/goodscatpic60.jpg) no-repeat 50% 10%; color:#f60} .prolistbox li a.a6:hover,.prolistbox li a.a6:active{background:url(images/2017images/goodscatpic61.jpg) no-repeat 50% 10%; color:#fff} /*商品分类*/ .leftmenutop{width:230px;height:31px; background:url(images/menutop.gif) left top;float:left} .leftmenubottom{width:230px;height:15px;background:url(images/menubottom.gif);float:left} #category_tree{width:230px; background:url(images/menubody.gif) repeat-y;float:left;} #category_tree dl{width:100%;} #category_tree dt{height:30px; background:#53c2f0;width:100%;font-size:14px;font-weight:bold;line-height:30px;color:#FFFFFF;float:left;display:inline;border-top:solid 2px #eee; text-align:center} #category_tree dt a{color:#ffffff;text-decoration:none;} #category_tree dd{float:left;display:inline;width:100%; background:#eee;padding:8px 0px;font-family:'宋体';font-size:13px;} #category_tree dd ul{width:100%;} #category_tree dd ul li{width:99px;height:24px;line-height:24px;float:left; overflow:hidden} #category_tree dd a{color:#333;text-decoration:none;line-height:20px;padding:0 10px;white-space:nowrap; } #category_tree dd a:hover{color:#53c2f0;text-decoration:underline} #category_tree dd a:active{color:#53c2f0;text-decoration:underline} /*销售排行*/ .top10Tit{background:url(images/bg.gif) no-repeat 0px -85px; height:30px;} .top10List{border:1px solid #d7ecfd; background-color:#fff; margin:0px 4px 4px 4px;} .top10List ul{border-bottom:1px solid #e2f3fd; position:relative;} .top10List .iteration{position:absolute; top:6px; left:6px;} .top10List .iteration1{padding-left:3px;} .top10List li.topimg{width:35px; height:35px;} .top10List .samllimg{width:35px; height:35px; margin-bottom:4px;} .top10List li{padding:3px 3px 3px 23px; float:left;} /*linkCOLOR*/ .top10List li a,#mallNews .NewsList li a,.boxCenterList li a{color:#3f3f3f; text-decoration:none;} .top10List li a:hover,#mallNews .NewsList li a:hover,.boxCenterList li a:hover{color:#ff6600; text-decoration:none;} /*首页焦点图*/ #focus{border-right:1px solid #c5e4ff; padding:8px; background:url(images/foucsBg.gif) repeat-x left top;} #mallNews{width:217px; padding:8px 8px 0px 8px; background:url(images/foucsBg.gif) repeat-x left top;} #mallNews .NewsTit{background:url(images/bg.gif) 0px -132px; height:23px;} .NewsList {width:100%} .NewsList li{background:url(images/2017images/ball.png) no-repeat 2% 50%; padding:0px 0px 0px 15px;text-align:left;line-height:21px;height:21px; overflow:hidden } .NewsList li a:link,.NewsList li a:visited{color:#666;} .NewsList li a:hover{color:#ff4000; border-bottom:solid 1px #ff4000} /*今日特价和品牌*/ #sales{width:500px; background:url(images/salesBg.gif) repeat-x left bottom;border-bottom:2px solid #f0f1f3; background-color:#eef8ff;} #sales h1{font-size:12px; background:url(images/salesTitBg.gif) no-repeat; height:33px; text-align:right;} #sales h1 img{position:relative; top:10px; right:8px;} #sales .goodBox{margin:10px 0px 10px 10px; _margin-left:5px;} #sales .goodBox .goodList p{text-align:left; color:#3f3f3f;} #sales .goodBox .goodList p a{color:#3f3f3f; text-decoration:none;} #sales .goodBox .goodList p a:hover{color:#ff6600; text-decoration:none;} #sales .goodList{width:110px; margin:0px 5px 0px 5px; float:left;} #sales .goodList img{background:url(images/salesGoodBg.gif) no-repeat; width:100px; height:100px; padding:5px;} #sales .goodList p{ margin-top:3px; text-align:center;} #brands{width:247px; height:199px; *height:201px; padding:1px 0 0 1px; position:relative;} #brands .brandsMore{position:absolute; left:178px; bottom:10px;width:65px; height:41px; } #brands .brandsMore img{border:none; width:65px; height:41px;} #brands img{width:78px; height:40px;border:1px solid #c5e4ff;} #brands a{color:#0069cd; text-decoration:none; margin:2px 1px; display:block; float:left;} .brandsIe6{_width:250px;}/*在ie6下特价商品不存在的话品牌推荐永远靠右显示*/ /*精品推荐，新品上市，热卖商品*/ .centerPadd{padding:5px 8px 8px 8px; overflow:hidden;} .itemTit{padding-left:25px;height:44px;font-size:14px;color:#000000;line-height:44px; background:url(images/maintitlebg.gif) left top no-repeat;font-weight:bold /*margin-bottom:-3px; _margin-bottom:-2px;*/ } .itemTit span{width:430px;height:42px;display:block;float:left} .itemTit img{margin-top:7px;} .mainbottombg{height:11px;background:url(images/mainbottombg.gif) left top no-repeat} .itemTit.New{background:url(images/bg.gif) no-repeat 0px -225px;} .itemTit.Hot{background:url(images/bg.gif) no-repeat 0px -256px;} .itemTit img{position:relative; top:7px;} .itemTit h2{float:left; height:27px; background:url(images/itemH2Bg.gif) repeat-x left top; border:1px solid #d6ecff; font-size:12px; text-align:center; color:#3f3f3f; font-weight:100; padding:0px 10px; line-height:28px; margin:0 6px 0 0; border-bottom:none; position:relative; bottom:-3px; display:inline; white-space:nowrap; } .itemTit h2 a{color:#3f3f3f; text-decoration:none;} .itemTit .h2bg{height:27px; line-height:28px; border:none; background:none; font-size:12px; text-align:center; color:#006ace; font-weight:100; padding:0px 10px; display:inline; white-space:nowrap; } .itemTit .h2bg a{color:#006ace; text-decoration:none;} .centerPadd .goodsBox{border:1px solid #d6ecff; background:#fff; padding:12px 0px 0px 17px; *padding:12px 0px 0px 17px; _padding:12px 0px 0px 0px;} .centerPadd .goodsBox .more{text-align:right; clear:both; margin:0 8px 8px 0;} /*单个商品*/ .goodsItem{width:270px;height:380px; float:left; position:relative; overflow:hidden; margin:0px 0px 10px 0px;border:solid 1px #fff; text-align:center} .goodsItem .goodsimg{width:247px;margin-bottom:4px;} .goodsItem:hover{border:solid 1px #ddd; color:#53c2f0} .goodsItem:hover a,.goodsItem:hover font{} .goodsItem p{text-align:center; color:#3f3f3f;height:40px} .goodsItem p a{color:#3f3f3f; text-decoration:none;} .goodsItem p a:hover{color:#ff6600; text-decoration:none;} .goodsItem span{width:40px; height:40px; position:absolute;left:0px; top:0px;} .goodsItem span.best{background:url(images/bg.gif) no-repeat 0px -304px;} .goodsItem span.news{background:url(images/bg.gif) no-repeat -75px -304px;} .goodsItem span.hot{background:url(images/bg.gif) no-repeat -161px -304px;} .goodsItem .price1{clear:both;color:#e4393c;margin:0 0 8px;font-size:20px;font-weight: 400;font-family: Verdana;text-align:left} .goodsItem .price1 em{font-size:16px;font-style:normal;} .goodsItem .name{clear:both;font-size:12px;line-height:20px; text-align:left;margin-bottom:10px} .goodsItem .name a{color:#666} .goodsItem .name .name1{clear:both;height:20px; overflow:hidden} .goodsItem .description{clear:both;color:#ffaa71;font-size:12px; text-align:left;height:20px; overflow:hidden} .goodsItem .btn{clear:both;margin-bottom:10px} .goodsItem .btn a{border:solid 1px #ddd;padding:0px 8px;color:#aaa;height:25px;line-height:25px;float:left;padding-left:27px} .goodsItem .btn a.a1{border-right:solid 1px #fff; background:url(images/2017images/heart2.png) no-repeat 5px 3px} .goodsItem .btn a.a2{color:#e4393c;background:url(images/2017images/cart.png) no-repeat 5px 3px} .goodsItem .btn a:hover{color:#e4393c;border:solid 1px #e4393c} .goodsItem .btn a.a1:hover{background:url(images/2017images/heart1.png) no-repeat 5px 3px} /*帮助*/ .helpTitBg{width:808px;height:126px;border:solid 1px #fec802;padding:10px 90px;background:#efefef; } .helpTitBg dl{float:left;_width:136px;} .helpTitBg dt{width:120px;background:url(images/helpdoctitlebg.jpg) left bottom no-repeat;height:24px;line-height:23px;text-align:center;font-size:14px;font-weight:bold;color:#996600} .helpTitBg dt a{color:#333333;text-decoration:none} .helpTitBg dt a:hover{color:#000000;text-decoration:none} .helpTitBg dd{width:88px;height:24px;line-height:24px;padding-left:36px;background:url(images/arrow1.gif) 20% 50% no-repeat; overflow:hidden} .helpTitBg dd a{color:#333333} .helpTitBg dd a:hover{color:#000000} /*相关商品*/ .boxCenterList ul{height:1%; margin-bottom:5px;} .boxCenterList li{float:left; width:120px;} .boxCenterList li.goodsimg{width:48px; margin-right:10px;} .boxCenterList li.goodsimg img{width:48px; height:48px; display:block;} /*相关文章(其它带有小三角点的文字列表共用)*/ .RelaArticle a,.alone{background:url(images/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; color:#3f3f3f; text-decoration:none;} .RelaArticle a:hover{background:url(images/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; color:#ff6600; text-decoration:none;} /*浏览历史，收藏*/ .history h2{height:30px; line-height:30px; padding:0px 10px 0 20px; text-align:center; font-size:14px;float:left; color:#53c2f0 margin:6px 5px 0 0; border:1px solid #333; border-bottom:none; background-color:#FFFFFF; } .history .h2bg{height:26px; line-height:26px; padding:0px 10px 0 20px; text-align:center; font-size:12px;float:left; color:#eee;margin:6px 5px 0 0; border:none; background:#333 } #history li{width:100%;} #clear_history a{background:none; padding:0px; color:#3f3f3f; text-decoration:none;float:right;cursor:pointer;} .colle a{background:none; padding:0px; color:#3f3f3f; text-decoration:none;} .colle a:hover{background:none; padding:0px; color:#ff6600; text-decoration:none;} #history_list img{width:48px;border:none} #history_list dl{border-bottom:dashed 1px #ccc} #history_list dt{text-align:center} #history_list dd{text-align:center} /* ==================== 商品详情页面部分模块 ==================== */ .me361des{width:720px;} .me361des .describenum1,.me361des .describenum2,.me361des .describenum3,.me361des .describenum4,.me361des .describenum5,.me361des .describenum6,.me361des .describenum7,.me361des .describenum8,.me361des .describenum9,.me361des .describenum10 {font-size:14px} .describetit{clear:both;height:30px;line-height:30px;margin:20px 0px} .describenum1,.describenum2,.describenum3,.describenum4,.describenum5,.describenum6,.describenum7,.describenum8,.describenum9,.describenum10{padding-bottom:15px;margin-bottom:10px;padding-left:50px;line-height:20px;font-size:12px;border-bottom:dotted 1px #ccc;padding-top:10px} .describenum1{clear:both;background:url(images/numico1.jpg) no-repeat 0 0} .describenum2{clear:both;background:url(images/numico2.jpg) no-repeat 0 0} .describenum3{clear:both;background:url(images/numico3.jpg) no-repeat 0 0} .describenum4{clear:both;background:url(images/numico4.jpg) no-repeat 0 0} .describenum5{clear:both;background:url(images/numico5.jpg) no-repeat 0 0} .describenum6{clear:both;background:url(images/numico6.jpg) no-repeat 0 0} .describenum7{clear:both;background:url(numico7.jpg) no-repeat 0 0} .describenum8{clear:both;background:url(images/numico8.jpg) no-repeat 0 0} .describenum9{clear:both;background:url(images/numico9.jpg) no-repeat 0 0} .describenum10{clear:both;background:url(images/numico10.jpg) no-repeat 0 0} .describenum1:first-letter,.describenum2:first-letter,.describenum3:first-letter,.describenum4:first-letter,.describenum5:first-letter,.describenum6:first-letter,.describenum7:first-letter,.describenum8:first-letter,.describenum9:first-letter,.describenum10:first-letter{font-size:24px;color:#C00;font-weight:bold} .describimg img{vertical-align:bottom} .describeDetail{width:345px;float:left;display:inline;padding:7px} .describeDetail .img{ text-align:center;margin-bottom:10px} .describeDetail .tit{clear:both; background:url(images/20141120szjdetail/0113pic4.jpg) no-repeat 10px 5px;padding-left:30px;line-height:22px;font-size:14px;} .describe{width:720px} .describe h6{font-size:13px;font-weight:normal;text-indent:26px;line-height:24px; clear:both;color:#4F5050; border-bottom:none} .describe h5{font-size:14px;font-weight:bold;line-height:28px;clear:both;background:none;border:none;color:#333333;margin-top:14px;border-bottom:dashed 1px #cccccc; text-align:left} .describe h4{font-size:14px;font-weight:bold;line-height:20px;clear:both;border:0px;border-bottom:solid 3px #cc0000;color:#CC0000;margin-top:18px} .describe dl{clear:both;} .describe dl dt{font-weight:bold;line-height:24px;font-size:12px;color:#222222} .describe dl dd{color:#4F5050;line-height:18px;font-size:12px} .describe dl dd p{text-indent:24px} .me361dec201411{width:780px; font-size:14px; font-family:"宋体"; color:#000000;margin:0 auto} .me361dec201411 .goldenbanner1{clear:both;height:356px;width:750px;background:url(http://www.me361.com/themes/jindian_new/images/20141120szjdetail/201411szj1.jpg)} .me361dec201411 .goldenbanner2{clear:both;height:374px;width:750px;background:url(images/20141120szjdetail/201411szj2.jpg)} .me361dec201411 .goldenbanner3{clear:both;height:448px;width:750px;background:url(images/20141120szjdetail/201411szj3.jpg)} .me361dec201411 .goldenbanner4{clear:both;height:497px;width:750px;background:url(images/20141120szjdetail/201411szj4.jpg)} .me361dec201411 .goldenbanner1zdj{clear:both;height:356px;width:750px;background:url(images/20141120zdjdetail/201411zdj1.jpg)} .me361dec201411 .goldenbanner2zdj{clear:both;height:374px;width:750px;background:url(images/20141120zdjdetail/201411zdj2.jpg)} .me361dec201411 .goldenbanner3zdj{clear:both;height:448px;width:750px;background:url(images/20141120zdjdetail/201411zdj3.jpg)} .me361dec201411 .goldenbanner4zdj{clear:both;height:497px;width:750px;background:url(images/20141120zdjdetail/201411zdj4.jpg)} .me361dec201411 .describimg img{vertical-align:bottom} .describimg{clear:both} .me361dec201411 .describetit1{clear:both;height:64px;width:750px; background:url(images/20141120szjdetail/201411szj5.jpg)} .me361dec201411 .describetit2{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj6.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201411 .describetit3{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj7.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201411 .describetit4{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj8.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201411 .describetit5{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj10.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201411 .describetit6{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj11.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201411 .describetit2zdj{clear:both;height:137px;width:750px; background:url(images/20141120zdjdetail/201411zdj6.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201411 .describetit3zdj{clear:both;height:137px;width:750px; background:url(images/20141120zdjdetail/201411zdj7.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201411 .describetit4zdj{clear:both;height:137px;width:750px; background:url(images/20141120zdjdetail/201411zdj8.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201411 .describetit5zdj{clear:both;height:137px;width:750px; background:url(images/20141120zdjdetail/201411zdj9.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201411 .describetit2 div,.me361dec201411 .describetit3 div,.me361dec201411 .describetit4 div,.me361dec201411 .describetit5 div,.me361dec201411 .describetit6 div,.me361dec201411 .describetit2zdj div,.me361dec201411 .describetit3zdj div,.me361dec201411 .describetit3zdj div, .me361dec201411 .describetit4zdj div, .me361dec201411 .describetit5zdj div{position:absolute;left:90px;bottom:10px;font-size:16px;color:#666;font-weight:bold} .me361dec201411 .soundlevel{width:750px; background:url(images/20141120szjdetail/201411szj9.jpg);height:291px; overflow:hidden;clear:both; position:relative;padding:0px} .me361dec201411 .soundlevel img{position:absolute;left:436px;top:0px;} .me361dec201411 .describeDetail{width:312px;float:left;display:inline;padding:0px} .me361dec201411 .describeDetail .img{ text-align:center;margin-bottom:10px; } .me361dec201411 .describeDetail .img img{border:solid 4px #464637} .me361dec201411 .describeDetail .tit{clear:both; background:url(images/20141120szjdetail/0113pic4.jpg) no-repeat 50px 5px;padding-left:70px;line-height:22px;font-size:14px;color:#333;padding-right:38px} .me361dec201411 dl.feature{position:absolute;width:170px;} .me361dec201411 dl.feature dt{background:#D33A3A;height:27px;line-height:27px;font-size:16px;color:#ffffff;text-align:left;padding-left:8px;margin-top:5px;font-weight:bold} .me361dec201411 dl.feature dd{line-height:20px;font-size:14px;color:#D33A3A;text-align:left;padding-left:8px} .me361dec201411 .titlebar{width:750px;height:130px;top:30px;margin:0 auto;color:#D33A3A;text-align:center;} .me361dec201411 .titlebar .titlebar1{font-size:60px;line-height:60px;height:60px;font-family:"黑体";font-weight:bold} .me361dec201411 .titlebar .titlebar2{font-size:14px;color:#777777;line-height:24px;height:24px;position:relative;font-weight:bold;font-family:"黑体";} .me361dec201411 .titlebar .titlebar3{font-size:14px;line-height:18px;height:18px;position:relative;font-weight:bold;} .me361dec201411 .structure{position:absolute;color:#D33A3A;line-height:20px;font-size:14px;} .me361dec201411 .detailtext{height:55px;width:920px; background:#d33a3a; color:#FFF;padding-left:20px;line-height:55px} .me361dec201411 .detailtext .detailtextb{font-size:29px;font-weight:bold;font-family:"黑体";} .me361dec201411 .detailtext .detailtexts{font-size:14px;} .me361dec201411 .notetext{position:absolute;color:#ffffff; background:#d33a3a;line-height:18px;height:18px;font-size:14px;padding:2px 4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:15px;} .me361dec201611{width:750px; font-size:14px; font-family:"宋体"; color:#000000;margin:0 auto} .me361dec201611 .goldenbanner1{clear:both;height:356px;width:750px;background:url(images/20141120szjdetail/201411szj1.jpg)} .me361dec201611 .goldenbanner2{clear:both;height:374px;width:750px;background:url(images/20141120szjdetail/201411szj2.jpg)} .me361dec201611 .goldenbanner3{clear:both;height:448px;width:750px;background:url(images/20141120szjdetail/201411szj3.jpg)} .me361dec201611 .goldenbanner4{clear:both;height:497px;width:750px;background:url(images/20141120szjdetail/201411szj4.jpg)} .me361dec201611 .goldenbanner1zdj{clear:both;height:356px;width:750px;background:url(images/20141120zdjdetail/201411zdj1.jpg)} .me361dec201611 .goldenbanner2zdj{clear:both;height:374px;width:750px;background:url(images/20141120zdjdetail/201411zdj2.jpg)} .me361dec201611 .goldenbanner3zdj{clear:both;height:448px;width:750px;background:url(images/20141120zdjdetail/201411zdj3.jpg)} .me361dec201611 .goldenbanner4zdj{clear:both;height:497px;width:750px;background:url(images/20141120zdjdetail/201411zdj4.jpg)} .me361dec201611 .describimg img{vertical-align:bottom} .describimg{clear:both} .me361dec201611 .describetit1{clear:both;height:64px;width:750px; background:url(images/20141120szjdetail/201411szj5.jpg)} .me361dec201611 .describetit2{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj6.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201611 .describetit3{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj7.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201611 .describetit4{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj8.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201611 .describetit5{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj10.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201611 .describetit6{clear:both;height:137px;width:750px; background:url(images/20141120szjdetail/201411szj11.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201611 .describetit2zdj{clear:both;height:137px;width:750px; background:url(images/20141120zdjdetail/201411zdj6.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201611 .describetit3zdj{clear:both;height:137px;width:750px; background:url(images/20141120zdjdetail/201411zdj7.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201611 .describetit4zdj{clear:both;height:137px;width:750px; background:url(images/20141120zdjdetail/201411zdj8.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201611 .describetit5zdj{clear:both;height:137px;width:750px; background:url(images/20141120zdjdetail/201411zdj9.jpg); position:relative;margin-top:20px;margin-bottom:20px} .me361dec201611 .describetit2 div,.me361dec201611 .describetit3 div,.me361dec201611 .describetit4 div,.me361dec201611 .describetit5 div,.me361dec201611 .describetit6 div,.me361dec201611 .describetit2zdj div,.me361dec201611 .describetit3zdj div,.me361dec201611 .describetit3zdj div, .me361dec201611 .describetit4zdj div, .me361dec201611 .describetit5zdj div{position:absolute;left:90px;bottom:10px;font-size:16px;color:#666;font-weight:bold} .me361dec201611 .soundlevel{width:750px; background:url(images/20141120szjdetail/201411szj9.jpg);height:291px; overflow:hidden;clear:both; position:relative;padding:0px} .me361dec201611 .soundlevel img{position:absolute;left:436px;top:0px;} .me361dec201611 .describeDetail{width:248px;float:left;display:inline;padding:0px} .me361dec201611 .describeDetail .img{ text-align:center;margin-bottom:10px; } .me361dec201611 .describeDetail .img img{border:solid 4px #464637} .me361dec201611 .describeDetail .tit{clear:both; background:url(images/20141120szjdetail/0113pic4.jpg) no-repeat 10px 5px;padding-left:30px;line-height:22px;font-size:14px;color:#333;padding-right:8px} .me361dec201611 dl.feature{position:absolute;width:170px;} .me361dec201611 dl.feature dt{background:#D33A3A;height:27px;line-height:27px;font-size:16px;color:#ffffff;text-align:left;padding-left:8px;margin-top:5px;font-weight:bold} .me361dec201611 dl.feature dd{line-height:20px;font-size:14px;color:#D33A3A;text-align:left;padding-left:8px} .me361dec201611 .titlebar{width:750px;height:130px;top:30px;margin:0 auto;color:#D33A3A;text-align:center;} .me361dec201611 .titlebar .titlebar1{font-size:60px;line-height:60px;height:60px;font-family:"黑体";font-weight:bold} .me361dec201611 .titlebar .titlebar2{font-size:14px;color:#777777;line-height:24px;height:24px;position:relative;font-family:"黑体";font-weight:bold} .me361dec201611 .titlebar .titlebar3{font-size:14px;line-height:18px;height:18px;position:relative;font-weight:bold;} .me361dec201611 .structure{position:absolute;color:#D33A3A;line-height:20px;font-size:14px;} .me361dec201611 .detailtext{height:55px;width:730px; background:#d33a3a; color:#FFF;padding-left:20px;line-height:55px} .me361dec201611 .detailtext .detailtextb{font-size:29px;font-weight:bold;font-family:"黑体";} .me361dec201611 .detailtext .detailtexts{font-size:14px;} .me361dec201611 .notetext{position:absolute;color:#ffffff; background:#d33a3a;line-height:18px;height:18px;font-size:14px;padding:2px 4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:15px;} .me361dec201608{width:790px;margin:0 auto} .me361dec201608 img{ vertical-align:bottom} .me361dec2014{width:750px; font-size:14px; font-family:"宋体"; color:#000000;} .me361dec2014 .goldenbanner1{clear:both;height:349px;width:750px;background:url(images/201402discribe/goldenbanner1.jpg)} .me361dec2014 .goldenbanner2{clear:both;height:664px;width:750px;background:url(images/20141120szjdetail/201411szj1.jpg)} .me361dec2014 .binding1{clear:both;height:238px;width:750px;background:url(images/201402discribe/zdj1.jpg)} .me361dec2014 .shredder1{clear:both;height:238px;width:750px;background:url(images/201402discribe/szj1.jpg)} .me361dec2014 .binding2{clear:both;height:493px;width:750px;background:url(images/201402discribe/zdj2.jpg)} .me361dec2014 .binding3{display:none} .me361dec2014 .bindingeffect{clear:both;height:493px;width:750px;background:url(images/201402discribe/effect.jpg)} .me361dec2014 .describetit1{clear:both;height:121px;width:750px; background:url(images/201402discribe/describetit1.jpg)} .me361dec2014 .describetit2{clear:both;height:121px;width:750px; background:url(images/201402discribe/describetit2.jpg)} .me361dec2014 .describetit3{clear:both;height:144px;width:750px; background:url(images/201402discribe/describetit3.jpg)} .me361dec2014 .describetit4{clear:both;height:122px;width:750px; background:url(images/201402discribe/describetit4.jpg)} .describimg{clear:both} .me361dec2014 .describimg img{vertical-align:bottom} .me361dec2014 .describeDetail{width:240px;float:left;display:inline;padding:2px} .me361dec2014 .describeDetail .img{ text-align:center;margin-bottom:10px} .me361dec2014 .describeDetail .tit{clear:both; background:url(images/201402discribe/0113pic4.jpg) no-repeat 10px 5px;padding-left:30px;line-height:22px;font-size:14px;color:#333;padding-right:8px} .breakpoint{clear:both; height:13px; background:url(images/201402discribe/breakpoint.jpg) repeat-x; overflow:hidden} .breadpoint{ display:none} .soundtitle{clear:both;height:56px;width:750px; background:url(images/201402discribe/soundtitle.jpg)} .soundlevel{width:740px; background:#e6e6e6;padding-left:10px;height:264px; overflow:hidden;clear:both} .soundlevell,.soundlevel2,.soundlevel3,.soundlevel4,.soundlevel5,.soundlevelcurrent{float:left;width:120px;height:262px; border:solid 1px #e6e6e6; overflow:hidden} .soundlevell{background:url(images/201402discribe/soundlevel1.jpg)} .soundlevel2{background:url(images/201402discribe/soundlevel2.jpg)} .soundlevel3{background:url(images/201402discribe/soundlevel3.jpg)} .soundlevel4{background:url(images/201402discribe/soundlevel4.jpg)} .soundlevel5{background:url(images/201402discribe/soundlevel5.jpg)} .soundlevelcurrent{float:left;text-align:center; color:#00F;font-size:12px;line-height:16px} #goodsInfo{background:#f2f2f2; padding:8px; _height:1%;} #goodsInfo .imgInfo{width:400px; float:left; margin-right:10px; overflow:hidden;} #goodsInfo .imgInfo .thumb{width:230px; height:230px; display:block;}/*商品详情图片*/ #goodsInfo .gallery{width:380px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;} #goodsInfo .gallery ul{width:auto;} #goodsInfo .gallery li{float:left; width:94px; margin:0 2px;} #goodsInfo .gallery li img{width:94px; height:94px; display:block;} #Product_Intro_Left{float:left;width:367px;} .pictureleft{width:16px; height:99px; float:left;display:inline; cursor:pointer;padding:0px; background:#fff;margin-top:10px} .pictureleft a,.pictureright a{width:16px;height:79px;display:block} .pictureleft a{background:url(images/pictureleft11.gif) no-repeat left center; height:99px} .pictureright{width:16px; height:99px; float:right;display:inline; cursor:pointer;padding:0px; background:#fff;;margin-top:10px} .pictureright a{background:url(images/pictureright11.gif) no-repeat left center; height:99px;} .picture{margin:0 6px;width:260px; overflow:hidden} #Product_Intro_Left #imglist{margin:5px 0;overflow:hidden;float:left;width:280px; height:52px; display:inline;} #Product_Intro_Left #imglist ul{width:auto;} #Product_Intro_Left #imglist li{ margin:0 2px;float:left;} #Product_Intro_Left #imglist li img{border:1px solid #ccc; width:100px; height:98px;} .bigimg {WIDTH: 800px; HEIGHT: 800px} /* CSS class for zoomed area */ .MagicZoomBigImageCont { border: 1px solid #f80; width:468px;height:360px;} /* Header look and feel CSS class */ /* header is shown if titlea ttribute is present in the tag */ .MagicZoomHeader {width:0px; display:none;font: 10px;color: #fff;background:#91b817;text-align: center !important; } /* CSS class for small looking glass square under mouse */ .MagicZoomPup {border: 1px solid #ff6600;background: #ffff66;cursor:hand;} /* CSS style for loading animation box */ .MagicZoomLoading { text-align: center; background: #ffffff; color: #444; border: 1px solid #ccc; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */ } /* CSS style for gif image in the loading animation box */ .MagicZoomLoading img { padding-top: 3px !important; } /* ?2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */ /* CSS class for thumbnail link */ .MagicThumb { /*cursor: url(../css/cursor/zoomin.cur), pointer;*/ outline: none; } /* CSS class for the thumbnail link when the big image is zoomed */ .MagicThumb-zoomed { cursor: default; } /* CSS class for span inside the thumbnail */ .MagicThumb span { display: none; } /* CSS class for the thumbnail image */ .MagicThumb img { border: 1px solid #eeeeee; outline: none; } /* CSS class for the big image while zooming */ .MagicThumb-image { border: 1px solid #cccccc; outline: none; } /* CSS class for the zoomed big image */ .MagicThumb-image-zoomed { cursor:pointer; } /* CSS class for the caption under the big zoomed image */ .MagicThumb-caption {color: #333333;background-color: #F0F0F0;border: 1px solid #CCCCCC;border-top: none;font-size: 11px;padding: 8px 16px;} /* CSS class for the control bar */ .MagicThumb-controlbar {display: block;height: 18px;} .MagicThumb-controlbar a {display: block;width: 18px;height: 18px;margin: 0px 1px;outline: none;float: left;overflow: hidden;} .MagicThumb-controlbar a span {display: block;width: 1000px;height: 1000px; /*background: transparent url(../css/graphics/controlbar.png) no-repeat 0 0;*/ outline: none;position: absolute;left: 0px;top: 0px; } /* CSS class for the loading message box */ .MagicThumb-loading {border: 1px solid #000000;/*background: #ffffff url(../css/graphics/loader.gif) no-repeat 2px 50%;*/ padding: 2px 2px 2px 22px;margin: 0;text-decoration: none;text-align: left;font-size: 8pt;font-family: sans-serif;} /*文字信息*/ #goodsInfo .textInfo{background:#fff; width:447px; float:right; padding:10px;min-height:455px} #goodsInfo .textInfoName{font-size:18px; font-weight:bold;line-height:28px;padding:12px 5px 10px 8px;font-weight:bold;color:#444;} #goodsInfo .textInfoFeature{font-size:12px; padding:0px 5px 15px 8px;color:#e4393c;margin-bottom:18px } #goodsInfo .textInfo .textInfoRelation{border-top:1px solid #ccc;border-bottom:1px solid #ccc;} #goodsInfo .textInfo li{padding:4px 8px; _height:1%;color:#999} #goodsInfo .textInfo .bg{background:#f1f1f1} #goodsInfo .textInfo .border{ border:dotted 1px #eee; border-left:none; border-right:none;margin-bottom:5px} #goodsInfo .textInfo li div{padding:9px 0;} #goodsInfo .textInfo li em{ font-style:normal;font-size:16px} #goodsInfo .textInfo li.padd{padding:30px 0px 7px 8px;} #goodsInfo .textInfo li dd{width:48%; float:left; padding:7px 0px;} #goodsInfo .textInfo li dd.ddR{border-left:1px solid #eeecec; width:48%; padding-left:8px;} #goodsInfo .textInfo li dd.ddL{border-right:1px solid #eeecec;} #goodsInfo .textInfo li .market{color:#ccc;font-size:14px;font-weight:normal;font-family:"Verdana"} #goodsInfo .textInfo li .shop1{color:#BD0C0C;font-size:26px;font-weight:700;font-family:"Verdana"} #goodsInfo .textInfo li .shop2{color:#BD0C0C;font-size:20px;font-weight:normal;font-family:"Verdana";line-height:30px} #goodsInfo .textInfo a{color:#606060; text-decoration:underline;} #goodsInfo .textInfo a.btn{padding:8px 40px;font-size:16px;color:#fff;font-weight:normal; background:#f60; text-decoration:none;} #goodsInfo .textInfo a.btn1{padding:8px 40px;font-size:16px;color:#f60;font-weight:normal; background:#fff; text-decoration:none;border:solid 1px #f60} #goodsInfo .textInfo .loop{background:#f7f7f7; margin-top:8px;} #left_gg1 {width:536px;float:left;padding:8px 8px 0px 8px;overflow:hidden;} .formBorder{border:solid 1px #cccccc} #left_gg1 .pointcase{font-size:12px;float:left;width:260px;line-height:23px;} #left_gg1 .pointcase1{font-size:14px;color:#000000;float:left;width:180px;line-height:23px;} #left_gg1 #get_more{float:left} #get_office li{border:none} #get_instance li{border:none} #left_gg1 .ser_outlets{clear:both;margin-bottom:4px} #left_gg1 ul{width:240px;float:left;border-top:solid 2px #333333} #left_gg1 ul li{padding-left:8px} #left_gg1 ul li a:link{ text-decoration:none;color:#606060} #left_gg1 ul li a:visited{ text-decoration:none;color:#606060} #left_gg1 ul li a:hover{ text-decoration:underline;color:#cc0000} #left_gg1 ul li a:active{ text-decoration:underline;color:#cc0000} #left_gg2 {width:238px; height:323px; float:left;border:solid 1px #990000;} /*用户评论*/ .ie6{padding-left:25px; _padding-left:15px; height:1%;}/*购买此商品的人还购买的商品*/ .comments li{background:url(images/lineBg.gif) repeat-x left bottom; padding:3px 8px; width:97%; _height:1%; text-align:left; position:relative; margin-bottom:8px; } .comments li img{position:absolute; right:0px; top:3px;} .comments li p{margin:3px auto; text-align:left;} .commentsList{border:1px solid #ccc; background:#f7f7f7; padding:10px;} .commentsList .inputBorder{border:1px solid #ccc; background:#fff;} .captcha{margin-left:0px; position:relative; top:-1px; *margin-left:8px; *position:relative; top:3px; cursor:pointer;} /* ==================== 品牌推荐 ==================== */ /*品牌列表*/ #brandList{background:url(images/brandBg.gif) repeat-y top center; margin-top:12px; height:1%;} #brandList .brandBox{width:240px; _width:236px; float:left; margin:0 5px 20px 5px; text-align:center; overflow:hidden; height:160px;} #brandList .brandBox .brandLogo{width:188px; height:52px; overflow:hidden;} #brandList .brandBox h4{height:23px; line-height:23px; background:#e9e9e9; margin:15px 0 8px 0; padding:0 10px; text-align:right; font-weight:100; font-size:12px; } #brandList .brandBox h4 span,#brandList .brandBox h4 span a{float:left; font-weight:bold; color:#3f3f3f; text-decoration:none;} #brandList p{text-align:left; margin-bottom:5px; color:#909090; padding:8px;} #brandList p.brandCategory,#brandList p.brandCategory a{text-align:left; color:#006acd; text-decoration:none;} #brandList .brandArticle{border:1px dashed #d9d9d9; background:#f8f8f8; text-align:left;} .brandCategoryA a{ margin-right:15px;} /* ==================== 用户中心 ==================== */ .box_1 .userCenterBox{border:4px solid #eee; background-color:#fff;} .usBox{background:#f2f2f2; border:1px solid #e2e2e2; padding:15px; width:1070px;} .usBox_1{background:#fff; text-align:left; width:297px; height:208px; padding:43px 153px 60px 123px;} .usBox_1 .logtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px 0px;} .us_Submit{border:none; width:115px; height:40px; background:#F87000;color:#fff;font-weight:bold; text-align:center;line-height:40px;font-size:16px; cursor:pointer} .us_button{border:none; width:115px; height:40px; background:#00702f;color:#fff;font-weight:bold; text-align:center;line-height:40px;font-size:16px; cursor:pointer} .us_Submit_reg{border:none; width:113px; height:40px; background:#F87000;color:#fff;font-weight:bold; text-align:center;line-height:40px;font-size:16px;} .usTxt{width:310px; height:267px; padding:43px 0 0 90px; background:#f2f2f2; float:right;text-align:left; line-height:23px; } .usTxt img{margin-top:15px;} /*注册*/ .usBox_2{background:#fff; text-align:left; padding:43px 153px 60px 123px;} .usBox_2 .regtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px -34px;} .actionSub a{color:#006acc; text-decoration:underline; background:url(images/ur_bg.gif) no-repeat 0px -68px; padding-left:14px; } .box_1 .userCenterBox .userMenu{margin:0 auto;width:170px} .box_1 .userCenterBox .userMenu a{display:block; height:25px; line-height:25px; background:url(images/menuBg.gif) no-repeat 0 -30px; color:#3f3f3f; text-decoration:none; margin:10px auto; padding-left:3px; } .box_1 .userCenterBox .userMenu a.curs{background:url(images/menuBg.gif) no-repeat 0 0px; font-weight:bold;} .box_1 .userCenterBox .userMenu a img{ margin-right:3px;} .msgBottomBorder{clear:both; background:url(images/lineBg.gif) repeat-x left bottom; padding-bottom:8px; margin-bottom:8px;} /* ==================== 商品分类页面 ==================== */ /*属性组合搜索*/ .screeBox{padding:10px;} .screeBox a{color:#404040;} .screeBox span{background:#53c2f0;padding:3px 5px; margin:0 3px;color:#fff} .sort a{ position:relative; bottom:5px;} .sort input{position:relative; top:3px;} /*商品列表显示方式*/ .goodsList{ padding:10px 10px 0 10px;} .goodsList ul{ margin-bottom:10px;} .goodsList ul#bgcolor{background:#fbfbfb; border-top:1px dashed #e8e8e8; border-bottom:1px dashed #e8e8e8;} .goodsList li{float:left; padding-top:8px;} .goodsList li.thumb{width:80px; text-align:center;} .goodsList li.thumb img{width:50px; height:50px; border:1px solid #ccc; padding:1px;} .goodsList li.goodsName{width:290px; margin-right:10px;} .goodsList li.action{float:right; margin-left:10px;} .goodsList li.action a.abg{background:url(images/bg.gif) no-repeat 0px -735px; padding-left:18px; position:relative; bottom:5px;} /* ==================== 团购 ==================== */ .group{background:#f2f2f2; padding:8px;} .group li{float:left; background:#fff; padding:8px;} /* ==================== 购物流程 ==================== */ .flowBox{border:1px solid #ccc; border-top:2px solid #ccc;} .flowBox table{ margin:5px auto;} /*2.62在购物车里面显示相关配件*/ .flowGoodsFittings{padding:10px;} .flowGoodsFittings ul{height:1%; margin:5px 4px; float:left;} .flowGoodsFittings li{float:left; width:120px;} .flowGoodsFittings li.goodsimg{width:48px; margin-right:10px;} .flowGoodsFittings li.goodsimg img{width:48px; height:48px; display:block;} /* ==================== 文章列表页-2009.6.8 ==================== */ .article_search{margin:8px 0;} .article_search .inputBg{width:300px; border:solid 1px #006bd0} .treemenu{width:100%} .treemenu dt{clear:both;height:35px;line-height:35px; background:#53c2f0;font-size:16px;font-family:"";color:#fff;font-weight:bolder; text-indent:16px;margin-bottom:10px} .treemenu dd{clear:both;line-height:26px; background:url(images/2017images/arrow1.png) no-repeat 10px 7px; padding-left:30px} /* ==================== 打印报价单 ==================== */ .quotation{ margin:20px auto 20px auto; text-align:center;} /*翻页*/ .pagebar{height:20px; float:right;} .pagebar img{position:relative; top:2px;} .pagebar a{display:block; float:left; margin:0 2px; color:#0066cc; text-decoration:none;} .pagebar a:hover{color:#ff5a6a; text-decoration:none;} .pagebar .page_now{display:block; float:left; margin:0 5px; color:#ff5a6a; font-weight:bold; background:#fff;} #pager a{color:#0066cc; text-decoration:none;} /*底部导航+友情链接*/ #bottomNav{width:988px;border:solid 1px #fec802;background:#efefef;} .bNavList{border:1px solid #fff; background:#eef6f9; height:27px; line-height:27px; padding:0 12px;} .links{border:1px solid #fff; background:#eef6f9; padding:0 12px;} .bNavList a,.links a{color:#006acd; text-decoration:none;} .bNavList img{_position:relative; top:8px;} .links img{width:88px; height:30px; margin:5px;} /*版权*/ #footer{background:url(images/logo1.gif) no-repeat 5% 50%; padding-left:200px; width:760px; margin:10px auto;} #footer .text{background:url(images/footerLine.gif) no-repeat left center; padding-left:50px; *padding-bottom:20px;} #footer .text a{color:#404040; text-decoration:none;} /* ======商品比较浮动块 ====== */ #compareBox { width:128px; background:url(images/compareBg.gif) no-repeat top center; background-color:#edf8ff; padding:35px 0 8px 0; border: 1px solid #c5e4ff; position: absolute; right:1px; top:200px; } #compareBox input { width:52px; height:13px; border:none; background:url(images/compareSub.gif) no-repeat; } #compareList { margin:0px 0px 8px 0px; padding:0px; width:120px; background:#FFFFFF; border:1px solid #d6ecff; } #compareList li { color: #333; text-align:left; background: #fff; padding: 3px 5px; margin: 3px 0; } #compareList li img { float:right; padding-top:4px; } /*购物车提示点击更新按钮式样2.6.2版本添加*/ .messageli { list-style-type:none; padding:5px; color:red } .messagediv { font-size:12px; position:absolute; border:1px solid #FFD700; text-align:center; padding:5px; background-color:#FFFACD; filter:alpha(opacity=50); -moz-opacity:0.7; opacity: 0.7; } /* 积分兑换样式修改 */ .point li{ float:left; width:300px; } .articleright{float:left;width:180px;} .articleright .aboutus{width:100%;} .articleright .aboutus li{height:39px; background:#eee;line-height:40px; text-align:center;font-size:14px;color:#fff} .articleright .aboutus li a{ display:block;height:38px;border-bottom:solid 1px #ddd} .articleright .aboutus li a.cur:link,.articleright .aboutus li a.cur:visited{font-size:16px} .articleright .aboutus li a:hover,.articleright .aboutus li a:active{border-bottom:solid 1px #53c2f0 color:#53c2f0font-size:16px} .articleleft{float:right;width:910px;} .articletitle{clear:both;font-size:32px;font-family:"黑体";font-weight:bolder; text-align:center; line-height:50px; border-bottom:dashed 1px #ddd;margin-bottom:30px} .articletitle span{font-size:12px;color:#ccc;font-family:"宋体";font-weight:normal} .articlecontent{margin:5px;font-size:14px} .articlecontent1{margin:5px;width:800px;font-size:14px;margin:0 auto} .articlecontent p,.articlecontent1 p{font-size:14px; text-indent:28px;line-height:28px} /*---------------------------------------------*/ .tabvlt {float: left; width: 100%; overflow:hidden; font-size: 12px;} .menuvlt {width: 860px; height: 28px; background:#fff; border-bottom:#53c2f0 2px solid; overflow: hidden; text-align: left; z-index:9999} #menu0 {z-index: 1;} #menu2, #menu4,#menu6 {position: absolute; top: 0; z-index: 1;} #menu0 li,#menu2 li, #menu4 li, #menu6 li {float: left; display: block; width: 88px; line-height: 32px; height: 28px; margin-right:10px; text-align: center; cursor: pointer;color:#cc6600;font-size:14px;font-weight:bold} #menu0 li.hover,#menu2 li.hover, #menu4 li.hover , #menu6 li.hover{background:#53c2f0 ;} #menu0 li.hover,#menu2 li.hover, #menu4 li.hover, #menu6 li.hover{color: #fff;} .mainvlt {clear: both; margin-top: -1px; width: 860px;} #main0 ul, #main2 ul, #main4 ul, #main6 ul {display: none;} #main0 ul li, #main2 ul li, #main4 ul li, #main6 ul li{padding:12px 12px 8px 24px} #main0 ul.block, #main2 ul.block, #main4 ul.block ,#main6 ul.block {display: block;width:860px} .foottop{width:1006px;height:10px; background:url(images/foottop.gif) no-repeat left top;border:0px;padding:0px} .footbody{width:1006px;background:#99cc00;margin:0 auto; border:0px;padding:0px;text-align:center;line-height:22px;} .footbody a:hover{color:#000000} .bottom a:link,.bottom a:visited{color:#ccc} .bottom a:hover,.bottom a:active{color:#c00} .boxCenterList tr,.boxCenterList td{line-height:32px;}